<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>知行合一_首页</title>
<script src="js/jquery.js"></script>
<link href="css/style.css" rel="stylesheet" media="all">
<script src="js/jquery.fullPage.min.js"></script><!-- 单页效果 -->
<script src="js/slider.js"></script><!-- 3d旋转 -->
<script src="js/jquery_slide.js"></script><!-- 营销服务 -->
<!--[if IE 8 ]>
    <link rel="stylesheet" type="text/first.css" media="all" href="first.css/ie.first.css" />
	
<![endif]-->
<script>
// 单页显示
	$(function(){
		$('#onepage_cont').fullpage({
			sectionsColor: ['#fff', '#fff', '#fff', '#fff', '#fff', '#fff'],
			anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6'],
			menu: '#nav'
		});
	}); 

// 导航收缩展开
$(function(){
    $("#show_nav").click(function(){
        var i=$("#nav_wrap #show_nav").index($(this));//获取点击open在页面中open类的序列
        if($("#show").length>0)//判断是否存在显示元素id show
        {
           if($("#nav_wrap .close_nav:eq("+i+")").attr("id")!="show")//判断当前的box是否已显示
           {
                $("#show").attr("id","");
            }
        }
        $("#nav_wrap .close_nav:eq("+i+")").attr("id","show");
    })
    $("#close_nav_icon").click(function(){
        var i=$("#nav_wrap #close_nav_icon").index($(this));
        $("#nav_wrap .close_nav:eq("+i+")").attr("id","");
    })
}) 
</script>
</head>
<body> 
	<div id="nav_wrap">
		<div id="show_nav"></div>
		<div class="close_nav">  
            <div id="close_nav_icon"></div>
		<ul id="nav">
			<li data-menuanchor="page1" class="active"><a href="#page1">首页</a></li>
			<li data-menuanchor="page2"><a href="#page2">案例</a></li>
			<li data-menuanchor="page3"><a href="#page3">营销</a></li>
			<li data-menuanchor="page4"><a href="#page4">电商</a></li>
			<li data-menuanchor="page5"><a href="#page5">关于</a></li>
			<li data-menuanchor="page6"><a href="#page6">联系</a></li>
		</ul>
		</div>
	</div>
	<div id="onepage_cont">

		<div class="section" id="home_top">
			<div class="logo">
				<img src="img/logo.png">
			</div>
			<div class="home_text"><img src="img/home_text.png"></div>
			<div class="home_img">
				
			</div>
			<a class="bus_icon" href="#page2"></a>
		</div> <!-- #home_top -->

		<div class="section" id="case">
			<h2>服务案例</h2>
			<hr/>
			<div id="case_top">
				<div class="case_small">
					<ul>
						<li class="case_hove">卫岗乳业</li>
						<li>苏宁电器</li>
						<li>五星电器</li>
						<li>虎丘婚纱城</li>
						<li>88白购商业广场</li>
						<li>弘阳广场</li>
					</ul>
				</div>
			</div>
			<div id="case_box">
				<div id="case_list">
					<ul>
						<li class="case_hove">
							<img src="img/case_img_04.jpg">
							<div></div>
							<p class="b_tit">
								<span class="opacity"></span>
								<span class="tit">
									卫岗乳业
								</span>
							</p>
						</li>
						<li>
							<img src="img/case_img_05.jpg">
							<div></div>
							<p class="b_tit">
								<span class="opacity"></span>
								<span class="tit">
									苏宁电器
								</span>
							</p>
						</li>
						<li>
							<img src="img/case_img_06.jpg">
							<div></div>
							<p class="b_tit">
								<span class="opacity"></span>
								<span class="tit">
									五星电器
								</span>
							</p>
						</li>
						<li>
							<img src="img/case_img_01.jpg">
							<div></div>
							<p class="b_tit">
								<span class="opacity"></span>
								<span class="tit">
									虎丘婚纱城
								</span>
							</p>
						</li>
						<li>
							<img src="img/case_img_02.jpg">
							<div></div>
							<p class="b_tit">
								<span class="opacity"></span>
								<span class="tit">
									88白购商业广场
								</span>
							</p>
						</li>
						<li>
							<img src="img/case_img_03.jpg">
							<div></div>
							<p class="b_tit">
								<span class="opacity"></span>
								<span class="tit">
									弘阳广场
								</span>
							</p>
						</li>
					</ul>
					<a href="javascript:;" class="prev"></a>
					<a href="javascript:;" class="next"></a>
				</div>
			</div>	
			<a class="bus_icon" href="#page3"></a>			
		</div> <!-- #case -->

		<div class="section" id="marketing">
			<h2>营销服务</h2>
			<hr/>
			<div class="marketing_txt">
				<a href="javascript:void(0)" tip="0" class="i_btn prev_L"></a>
				<a href="javascript:void(0)" tip="1" class="i_btn next_R"></a>
				<a href="javascript:void(0)" tip="0" class="i_btn prev_L marketing_prev"></a>
				<a href="javascript:void(0)" tip="1" class="i_btn next_R marketing_next"></a>
				<ul class="marketing_slide">
					<li class="on">
						<div class="marketing_info">
							<span>CRM</span>
							<p>公司用数字营销手段成就CRM的主动营销价值。整合所有数字营销接触点的社交数据，让CRM的用户识别、追踪、反馈全面延展到营销的各个环节。
							通过品牌自媒体平台矩阵的用户运营，让用户主动与品牌建立长期关系，让CRM分析基于真实的活跃用户，并通过多种激励手段主动提升CRM体系中的
							用户生命周期价值。 </p>
						</div>
					</li>
					<li>
						<div class="marketing_info">
							<span>E-Commerce</span>
							<p>商务服务：电子商务战略与规划、电子商务平台和用户体验、商店和渠道运营和管理、效果营销、社会化电子商务、数据/分析客户关系管理。</p>
						</div>
					</li>
					<li>
						<div class="marketing_info">
							<span>Digital</span>
							<p>提供整体数字解决方案，帮助受众与品牌和企业进行互动，包括但不限于以下服务：数字战略、数字内容设计与策划、官网创意与后期开发、
							数字活动策划、创意与提升、病毒视频创意与制作、移动网站开发、移动设备及平板电脑应用创意及开发。 </p>
						</div>
					</li>
					
				</ul>
			</div>

			<a class="bus_icon" href="#page4"></a>
		</div> <!-- #marketing -->



		<div class="section" id="retailers">

			<div class="retailers_title">
				<h2><span>电商运营</span></h2>
				<hr/>
			</div>
			<div id="retailers_banner" class="flexslider">
				<ul class="slides">
					<li>
						<img alt="" src="img/retailers_img_01.jpg">
					</li>
					<li>
						<img alt="" src="img/retailers_img_02.jpg">
					</li>
				</ul>
				<ul class="flex-direction-nav">
					<li><a class="flex-prev" href="javascript:;"></a></li>
					<li><a class="flex-next" href="javascript:;"></a></li>
				</ul>
				<ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
					<li class="active"><a></a></li>
					<li><a></a></li>
				</ol>
			</div>
			<a class="bus_icon" href="#page5"></a>
		</div> <!-- #retailers -->
		
		<div class="section" id="about">
			<h2>关于我们</h2>
			<hr/>
			<div class="about_section">
				<div class="about_banner">
					<ol class="dots about_title">
					  <li class="dot dot1 active">关于我们</li>
					  <li class="dot dot2">关于团队</li>
					  <li class="dot dot3">公司愿景</li>
					  <li class="dot dot4">关于未来</li>
					</ol>
					<ul>
						<li>苏州知行合一网络科技有限公司成立于2016年，是婚庆产业互联网服务提供商。 作为行业内领先的互联网服务公司，知行合一提供全案营</li>
						<li><span>知行合一，止于至善，专业而高效的团队是知行合一的核心竞争力。</span> <span>团队理念：</span> 
						<span>1、把工作当成事业，充满对成功的渴望；</span> 
						<span>2、以目标为</span></li>
						<li>推动中国婚庆产业产品个性化，服务贴心化，价格规范化。 </li>
						<li>致力于成为互联网+时代的中国首席婚庆产业互联网服务提供商。</li>
					</ul>
					
				</div>
			</div>
			<a class="bus_icon" href="#page6"></a>
		</div> <!-- #about -->
		
		<div class="section" id="contact">
			<h2>联系我们</h2>
			<hr/>
			<div class="one_content">
				<div class="contact_txt fl">
					<h3>苏州知行合一网络科技有限公司</h3>
					<p>
						<span>地址：苏州市姑苏区虎阜路999号A区1楼</span>
						<span>邮编：215008</span>
						<span>邮箱：zhaofeng@x432.com</span>
					</p>
				</div>
				<div class="contact_img fl">
					<img src="img/contact_img_08.png">
				</div>
				<div class="clear"></div>
			</div>
		</div> <!-- #contact -->

	</div>
<script>
//电商运营
$(function() {
	var bannerSlider = new Slider($('#retailers_banner'), {
		time: 5000,
		delay: 400,
		event: 'hover',
		auto: true,
		mode: 'fade',
		controller: $('#bannerCtrl'),
		activeControllerCls: 'active'
	});
	$('#retailers_banner .flex-prev').click(function() {
		bannerSlider.prev()
	});
	$('#retailers_banner .flex-next').click(function() {
		bannerSlider.next()
	});
})

//营销服务
$(function(){

	var newopt={
		w2:"305",//小图宽度
		h2:"350"//小图高度 
	};
	
	i_slide($(".marketing_txt"),newopt);
	
});
</script>
<script src="js/carousel_focus.min.js"></script> <!-- 营销服务 -->
<script src="js/unslider.min.js"></script>
<script src="js/zzsc.js"></script> <!-- 关于我们 -->
</body>
</html>